<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>thymeleaf</title>
    <link rel="stylesheet" th:href="@{/css/custom-style.css}">
    <link rel="stylesheet" th:href="@{/webjars/bootstrap/4.1.3/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/webjars/bootstrap-fileinput/4.4.8/css/fileinput.min.css}">
    <script th:src="@{/webjars/jquery/3.3.1-1/jquery.min.js}"></script>
    <script th:src="@{/webjars/bootstrap/4.1.3/js/bootstrap.min.js}"></script>
    <script th:src="@{/webjars/bootstrap-fileinput/4.4.8/js/fileinput.min.js}"></script>
</head>
<body>

<div class="line line-dashed line-lg pull-in"></div>
<div class="form-group">
    <label class="col-sm-3 control-label">照片</label>
    <div class="col-sm-9">
        <input id="videoFileInput" type="file" class="file-loading" name="file" multiple>
        <input type="hidden" id="JSh_ZhP_Path">
        <p class="help-block">支持jpg、jpeg、png、gif格式，大小不超过2.0M</p>
    </div>
</div>

<script>
    $('#videoFileInput').fileinput({
        uploadUrl: '/uploadVideo',
        uploadAsync: true,
        showUpload: true,
        showRemove: true,
        showPreview: true,
        dropZoneEnabled: false,
        showCaption: true,
        allowedPreviewTypes: ['image'],
        allowedFileTypes: ['image'],
        allowedFileExtensions: ['jpg', 'png', 'gif'],
        maxFileSize: 2000,
        maxFileCount: 1
    })
</script>

</body>
</html>